<template>
    <div class="common-layout">
        <el-container>
          <el-header style="display: flex;flex-direction: row;">
            <div class="头部" style="width: 100%;">
             <div class="标签">
              <img style="width: 90px;height: 60px;margin-top: 10px;" src="">
              <li>遇见FM</li>
             </div>
             <div class="导航">
              <ul>
                <li>首页</li>
                <li>热歌榜</li>
                <li>电音榜</li>
                <li>飙升榜</li>
                <li>新歌榜</li>
              </ul>
             </div>
            </div>
          </el-header>
          <el-main>
            <RouterView />
          </el-main>
        </el-container>
      </div>
      <RouterView />
    </template>
    
    <script setup>
    
    </script>
    
    <style scoped>
    .头部{
      display: flex;
      flex-direction: row;
    
    }
    .头部 .标签{
      display: flex;
      flex-direction: row;
    }
    .头部 .标签 li{
      list-style: none;
      font-family: 宋体;
      font-size: 30px;
      font-weight: bold;
      margin-top: 20px;
    }
    .头部 .导航 ul{
      display: flex;
      flex-direction: row;
      list-style: none;
      font-family: 宋体;
      font-size: 30px;
      font-weight: bold;
    }
    .头部 .导航 ul li{
      margin-left: 100px;
      margin-top: -10px;
    }
    </style>
    
  